@charset "utf-8";

/*body默认设置*/
body{
    margin: 0;
    padding: 0;
    background: transparent no-repeat;
    width: 1280px;
    height: 720px;
    color: #000000;
    overflow: hidden;
    font-family: Arial,'Microsoft Yahei';
}

/* 全局标签 内外间距清零*/
*{ margin:0px; padding:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
/*li标签 样式清零*/
ul,li{ list-style:none;}
/* a标签下划线去除*/
a{text-decoration:none; color:#666; outline:none;}
a,button,input,select{-webkit-tap-highlight-color:rgba(255,0,0,0); font-family: '华文细黑' "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;}
a:hover{ text-decoration:none;}
a,button,input,select,textarea:focus{ outline:none;}
em,i{ font-style:normal;}
textarea{resize: none;}/*禁止改变大小*/
h1,h2,h3,h4,h5,h6,input,select,textarea,option,button{ font-weight:normal; font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;}
input{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif; }
textarea{ font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input[type='submit']{ border: none; font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif; cursor: pointer;}
button{border: none; font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif; cursor: pointer;}
/*容器居中*/
.w1200{ width:1200px; margin:0 auto; }

em,i{ font-style:normal;}
textarea{ resize:none;}/*禁止改变大小*/

/*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0;}
input,textarea,select,option,button,form,fieldset{margin:0;padding:0;border-width:1px;outline:none; font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", "微软雅黑", SimSun, sans-serif;}
/*placeholder样式*/
:-moz-placeholder { color: #a0a0a0; }
::-moz-placeholder {color: #a0a0a0;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #a0a0a0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #a0a0a0;}

/* 文字及其填充物 居中*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}

/*浮动产生塌陷的兼容性*/
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}

/*浮动 */
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clear{ clear:both;}

/*最小高度*/
.fz0{ font-size:0px;}

/*图片边框*/
img{ border:none; vertical-align: middle; width: 100%; height: 100%;}
.img0{ width: 100%; }

.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*mt 上外边距*/
.mt0{margin-top:0px !important;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt65{margin-top:65px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
/*ml 左外边距*/
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml55{margin-left:55px;}
.ml75{margin-left:75px;}
.ml65{margin-left:65px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}
.mr{margin-right:30px;}

/*转整行标签*/
.disBlock{ display:block;}

/*字体大小*/
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}

/*字体加粗*/
.ftW{ font-weight:bold;}
.ftwn{ font-weight:normal;}
/*字体倾斜*/
.ftS{ font-style:italic;}
.ftsn{ font-style:normal;}

/*字体图标*/

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background-image:url(about:blank);
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 4;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    z-index: 4;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/*页面公用样式预定义*/
.blue{
	color: #33ad98;
}
.yellow{
	color: #f9c435;
}
.btn_outline{
    display: inline-block;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    color: #fac536;
    font-size:12px;
    border: 1px solid #fac536;
    text-align: center;
    line-height:28px;
}

/*动画*/
.trans{
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
}
@-webkit-keyframes fadeInRightBig{
    0%{opacity:0;
        -webkit-transform:translateX(2000px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
    0%{opacity:0;
        -moz-transform:translateX(2000px)}
    100%{opacity:1;
        -moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
        -webkit-transform:translateY(2000px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
    0%{opacity:0;
        -moz-transform:translateY(2000px)}
    100%{opacity:1;
        -moz-transform:translateY(0)}
}




